<!DOCTYPE html>
<html lang="en">
<script src="js/jquery-3.6.0.js"></script>
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<form autocomplete="off">
    <label>姓名：<input type="text" id="username"></label>
    <span id="uSpan"></span>
    <br>
    密码：<input type="password" id="password">
    <br>
    <input type="submit" value="注册">
</form>

</body>

// jQuery post方式
<script>
    //1.为用户绑定失去焦点事件
    $("#username").blur(function (){
        //2.jQuery的GET方式实现AJAX
        let username = $("#username").val();
    $.ajax({
        //请求资源路径
        url: "userServlet",
        //是否异步
        async:true,
        //请求参数
        data:"username="+username,
        //请求方式
        type:"GET",
        //数据形式
        dataType:"text",
        //请求成功后调用的回调函数
        success:function (data){
            //将响应的数据显示到span标签
            $("#uSpan").html(data);
        },
        //请求失败后调用的回调函数
        error:function (){
            alert("请求失败");
        }
    })


    });

</script>
</html>